
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport">
    <title>羊了个羊小工具-云影工作室</title>
    <link href="./css/bootstrap.css" rel="stylesheet" type="text/css">
    <style>
        * {
            padding: 0;
            margin: 0
        }
        body {
            background-color: #75c473
        }
        body > .container {
            width: 800px;
            background: url(https://img.4rz.cn/2022/09/ddfbf58e0d70d.jpg) no-repeat top;
            background-size: 100%
        }
        .box {
            background-color: #fff;
            border-radius: 2rem 2rem 0 0;
            height: calc(100% - 15rem);
            top: 15rem;
            position: relative;
            padding: 2rem 2rem 0;
            box-shadow: 0 .4rem 1rem .1rem rgb(0 0 0 / 20%)
        }

        .box .form-control {
            border-radius: 1rem
        }

        .box .form-control:focus {
            border-color: #75c473;
            box-shadow: 0 0 0 .1rem #75c473
        }
        .box .alert-success {
            border-radius: 1rem
        }
        .box button {
            border-radius: 1rem;
            height: calc(3.5rem + 2px);
            line-height: 1.25;
            background-color: #75c473;
            color: #fff;
            border-color: #75c473
        }
        .box #jiaocheng .btn svg {
            margin-top: -2px
        }
        .box #jiaocheng .btn3 {
            margin-top: 1rem
        }
        .box #jiaocheng .btn3 a {
            display: inline-flex;
            font-size: .8rem;
            background-color: #75c473;
            color: #fff;
            border-radius: .25rem;
            margin-bottom: .2rem;
            padding: .5rem .5rem
        }
        @media screen and (max-width: 800px) {
            body > .container {
                width: 100%
            }
        }
        @media screen and (max-width: 500px) {
            .box {
                height: calc(100% - 8rem);
                top: 8rem
            }
        }
        @media screen and (max-width: 400px) {
            .box {
                height: calc(100% - 5rem);
                top: 5rem
            }
        }
        @media screen and (max-width: 370px) {
            .box {
                height: calc(100% - 2rem);
                top: 2rem
            }
        }
    </style>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/vue.min.js"></script>
    <script src="./js/main.js"></script>
    <script src="./layer/layer.js" type="application/javascript"></script>
</head>
<body>
<div class="container" id="vue-page">
    <div class="box col-12">
        <div class="text-center alert alert-success mb-3" role="alert">
          本工具仅供学习交流使用，并不作为实际行动的实用工具，<br/>
          使用者与开发者并不承担相关法律责任！<br/>
            如果出现一直转圈然后提示失败的情况，请等待一会或者联系群主<br/>
            上述情况是由于羊了个羊官方服务器堵塞而造成的<br/>
            刷一次需要1S 单次提交不建议提交10次以上<br/>
            群里还有微信公众号发布消息使用<br/>
          开发作者：云影工作室-云影 QQ:3502914536<br/>
          QQ交流群：817339037,欢迎大家前来学习与技术交流。群主偶尔会直播教学<br/>
        </div>
        <div class="form-floating mb-3">
            <input class="form-control" id="token" v-model="info.token" placeholder="请输入你的 token">
            <label for="token">请输入你的 token</label>
        </div>
        <div class="form-floating mb-5">
            <input class="form-control" id="number" v-model="info.number"
                   placeholder="请输入你的通关次数">
            <label for="number">通关次数（单次限制10次）</label>
        </div>
        <button class="btn btn-success col-12 mb-4" @click="getSubmit()">提交</button>
        <div class="text-center alert alert-success mb-3" id="" role="alert">
           加Q群:817339037获取视频教程提取你的Token也就是T值，
        </div>
        <div class="mb-3">
            <div class="text-center">
                <div class="btn btn-primary btn-sm btn1" onclick="layer.msg('加Q群获得详细教程')">
                    <svg class="bi bi-android2" fill="currentColor" height="16" viewbox="0 0 16 16"
                         width="16" xmlns="http://www.w3.org/2000/svg">
                        <path d="m10.213 1.471.691-1.26c.046-.083.03-.147-.048-.192-.085-.038-.15-.019-.195.058l-.7 1.27A4.832 4.832 0 0 0 8.005.941c-.688 0-1.34.135-1.956.404l-.7-1.27C5.303 0 5.239-.018 5.154.02c-.078.046-.094.11-.049.193l.691 1.259a4.25 4.25 0 0 0-1.673 1.476A3.697 3.697 0 0 0 3.5 5.02h9c0-.75-.208-1.44-.623-2.072a4.266 4.266 0 0 0-1.664-1.476ZM6.22 3.303a.367.367 0 0 1-.267.11.35.35 0 0 1-.263-.11.366.366 0 0 1-.107-.264.37.37 0 0 1 .107-.265.351.351 0 0 1 .263-.11c.103 0 .193.037.267.11a.36.36 0 0 1 .112.265.36.36 0 0 1-.112.264Zm4.101 0a.351.351 0 0 1-.262.11.366.366 0 0 1-.268-.11.358.358 0 0 1-.112-.264c0-.103.037-.191.112-.265a.367.367 0 0 1 .268-.11c.104 0 .19.037.262.11a.367.367 0 0 1 .107.265c0 .102-.035.19-.107.264ZM3.5 11.77c0 .294.104.544.311.75.208.204.46.307.76.307h.758l.01 2.182c0 .276.097.51.292.703a.961.961 0 0 0 .7.288.973.973 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h1.343v2.182c0 .276.097.51.292.703a.972.972 0 0 0 .71.288.973.973 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h.76c.291 0 .54-.103.749-.308.207-.205.311-.455.311-.75V5.365h-9v6.404Zm10.495-6.587a.983.983 0 0 0-.702.278.91.91 0 0 0-.293.685v4.063c0 .271.098.501.293.69a.97.97 0 0 0 .702.284c.28 0 .517-.095.712-.284a.924.924 0 0 0 .293-.69V6.146a.91.91 0 0 0-.293-.685.995.995 0 0 0-.712-.278Zm-12.702.283a.985.985 0 0 1 .712-.283c.273 0 .507.094.702.283a.913.913 0 0 1 .293.68v4.063a.932.932 0 0 1-.288.69.97.97 0 0 1-.707.284.986.986 0 0 1-.712-.284.924.924 0 0 1-.293-.69V6.146c0-.264.098-.491.293-.68Z"/>
                    </svg>
                    安卓教程
                </div>
                <div class="btn btn-primary btn-sm btn2" onclick="layer.msg('加Q群获得详细教程')">
                    <svg class="bi bi-apple" fill="currentColor" height="16" viewbox="0 0 16 16"
                         width="16" xmlns="http://www.w3.org/2000/svg">
                        <path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/>
                        <path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/>
                    </svg>
                    苹果教程
                </div>
                <div class=" mb-1 btn3">
                    <a class="nav-link" href="http://www.cloudsink.cn" target="_blank">云影工作室</a>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    new Vue({
        el:'#vue-page',
        data:{
            info:{
                token:'',
                number:1
            }
        },
        methods:{
            getSubmit:function () {
                var vue = this;
                CloudSink.ajax("/ajax.php",vue.info,function (data) {
                    if (data.status===1)
                    {
                        layer.alert(data.message);
                    }else{
                        layer.msg(data.message);
                    }
                })
            }
        }
    })
</script>
</body>
</html>
